El método setTiemout() establece un temporizador que ejecuta una función o una porción de código después de que transcurre un tiempo.
Ejemplo:
function saludo (){
alert("Hola Mundo");
}
setTimeout(saludo, 3000);
Genermaos una función. con setTimeout le decimos que se ejecute la función "saludo" a los 3segundos.
setTimeout(funcion, milisegundos);Podemos agregarselo por ejemplo a un botón:
function saludo (){
alert("Hola Mundo");
}
document.getElementById("btn").addEventListener("click", function(){
setTimeout(saludo, 2000);
})
Al pulsar el botón, tras 3segundos saldrá un mensaje.
También podemos eliminar un evento setTimeout, para ello debemos almacenar antes el setTiemout en una variable y con clearTimeout(tiemoutID) la borramos, tal que así:
var tiempo = setTimeout(saludo, 3000); clearTimeout(tiempo);
Podemos ejecutar una función en intervalos de tiempo, la ejecución se repetira una y otra vez.
Ejemplo:
setInterval(saludo, 3000);
Podemos eliminar el evento con clearInterval(saludo); como con setTimeout.Pero en este caso vamos a agregar un botón para detenerlo:
var intervalo = setInterval(saludo, 3000);
document.getElementById("btn-detener").addEventListener("click", function(){
clearInterval(intervalo);
})
Al pulsar el botón la repetición cada dos segundos del mensaje se detendrá.